<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购-个人中心</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入字体图标样式 -->
    <link rel="stylesheet" href="lib/iconfont/iconfont.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入个人中心样式 -->
    <link rel="stylesheet" href="css/personalCenter.css">
</head>
<body>
    <header>
        <div>
            <div class="userimg">
                <img src="images/66667.jpg" alt="">
            </div>
            <div class="username">
                <p>66667i</p>
                <p>183****9628</p>
            </div>
        </div>
    </header>
    <main>
        <!-- 物流 -->
        <div class="logistics">
            <a href="#">
                <span class="iconfont icon-daifukuan"></span>
                <p>待付款</p>
            </a>
            <a href="#">
                <span class="iconfont icon-daifahuo"></span>
                <p>待发货</p>
            </a>
            <a href="#">
                <span class="iconfont icon-daishouhuo-"></span>
                <p>待收货</p>
            </a>
            <a href="#">
                <span class="iconfont icon-yiwancheng"></span>
                <p>已完成</p>
            </a>
        </div>
        <!-- 服务 -->
        <div class="service">
            <ul>
                <li>
                    <span class="iconfont icon-shouye one"></span>
                    <p>我的订单</p>
                    <span class="iconfont icon-youjiantou two"></span>
                </li>
                <li>
                    <span class="iconfont icon-dizhi one"></span>
                    <p>地址管理</p>
                    <span class="iconfont icon-youjiantou two"></span>
                </li>
                <li>
                    <span class="iconfont icon-shoucang one"></span>
                    <p>我的收藏</p>
                    <span class="iconfont icon-youjiantou two"></span>
                </li>
                <li>
                    <span class="iconfont icon-lianxiwomen one"></span>
                    <p>联系客服</p>
                    <span class="iconfont icon-youjiantou two"></span>
                </li>
            </ul>
        </div>
    </main>
    <footer>
        <a href="./index.html">
            <span class="iconfont icon-ziyuan"></span>
            <p>首页</p>
        </a>
        <a href="./projectList.html">
            <span class="iconfont icon-fenlei"></span>
            <p>分类</p>
        </a>
        <a href="./buy.html">
            <span class="iconfont icon-gouwuche"></span>
            <p>购物车</p>
        </a>
        <a href="./personalCenter.html">
            <span class="iconfont icon-wode"></span>
            <p>我的</p>
        </a>
    </footer>
</body>
<!-- 引入jQuery文件 -->
<script src="lib/jquery/jquery.js"></script>
<!-- 引入公共js文件 -->
<script src="js/common.js"></script>
</html>